<!-- 量化托管使用协议 -->
<template>
  <scroller class="scroller">
    <div class="wrapper">

      <div class="cell" v-for="(data, index) in datas" v-bind:key="index">

        <text class="font30 text1">{{T(data.title)+'：'}}</text>

        <div class="texts" v-for="(item, index) in data.contents" v-bind:key="index">
          <text class="font26 text1 all">{{T(item)}}</text>
        </div>
      </div>

      <div class="select" @click="select = !select">            
        <LImage class="select-image" :src="Config.img(select ? 'xuanzhong.png' : 'weixuan.png')"></LImage>
        <text class="font26 text1 all">{{T('我已知晓并同意上述协议内容')}}</text>
      </div>

      <div class="but">
        <div class="but-bg bg3" @click="cancelClick">
          <text class="font34 text1">{{T('取消')}}</text>
        </div>
        <div class="width40"></div>
        <div :class="['but-bg', select ? 'main1' : 'no1']" @click="okClick">
          <text class="font34 text1">{{T('确认')}}</text>
        </div>
      </div>
    </div>
  </scroller>
</template>


<script>

//功能
import Config from "@/_js/config";
import navigator from "@/_js/navigator";
import modal from "@/_js/modal";

const weexFunction = weex.requireModule("WeexFunction");

import I18N from "@/_i18n/i18n";
var T = I18N.t;
weexFunction.setTitle(T("量化托管使用协议"));


export default {

  data() {
    return {
      T:T,
      Config:Config,

      teamProjectId:undefined,
      select:false,
      datas:[{'title':'协议生效', 
              'contents':['用户本人应在确保完全理解本协议全部条款基础上审慎决定，一经勾选选择表示用户完全同意则本协议生效。']},
              
              {'title':'量化托管定义', 
              'contents':['vtrading平台（以下简称平台）提供量化托管交易发起方（以下简称第三方）入驻，用户可将资金交易权限托管给第三方进行交易以获得风险收益，并支付相关费用。']},

              {'title':'免责条款', 
              'contents':['平台只提供技术支持，不参与托管交易。因托管交易产生纠纷由用户和第三方依据量化托管规则和相关约定解决，平台仅协助用户和第三方进行协议和规则释明、数据提供，不承担任一方赔偿责任。']},
              
              {'title':'保证金制度', 
              'contents':['用户应提供托管交易保证金，保证金用于支付盈利分成及第三方最低冻结要求。',
                          '盈利分成和亏损赔付比例由第三方设定，启动实例时将冻结用户的保证金账户，结算时从保证金中扣除分成金额，支付金额最高不超过保证金全额；退出后保证金账户解冻。用户可以提前退出，终止后即结算费用。']},
              
              {'title':'结算风险', 
              'contents':['赔付生效时间之前退出的将不会获得赔偿。',
                          '任一方可用保证金不足时将自动触发终止后结算。',
                          '由于网络、结算时行情滑价或其他不可抗拒因素，有可能出现小额结算偏差，双方支付金额最高不超过保证金全额。']},
                          
              {'title':'操作权限问题', 
              'contents':['因不可归责于平台或第三方的因素，包括但不限于用户API过期或删除、修改操作权限等造成第三方无法操作资金的，或因用户修改手续费、挪用资金等因素造成量化托管执行异常的，赔付承诺自动失效，并自动终止后结算。']},
                          
              {'title':'风险提示', 
              'contents':['任何托管交易不能保证其在未来的正盈利性，过往数据不预示未来表现，投资有风险，请谨慎选择。请确保本人完全理解并可以承担相关风险可能带来的结果。']}]
    };
  },

  mounted() {
    this.teamProjectId = navigator.getParam('teamProjectId');
  },

  methods: {

    /********************************** 点击触发*/
    cancelClick(){
      navigator.back();
    },

    okClick() {
      if (!this.select) {
        modal.toast(T('请勾选“我已知晓并同意上述协议内容”'));
        return;
      }
      
      weexFunction.setConfig("TrustProtocol", 'true');

      var param = {'teamProjectId':this.teamProjectId};
      navigator.load('', "follw/UTrustInfo",param);
    },
  },
};
</script>

 
<style src="@/_css/style.css"></style>
<style scoped>
.scroller {
  flex: 1;
}
.wrapper {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}

.title {
  height: 134px;

  padding-top: 60px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.line {
  height: 1;
}

.cell {
  margin-bottom: 20px;
}
.texts {
  flex: 1;
  padding-left: 20px;
}

/*************** 勾选*/
.select {
  flex-direction: row;
  padding-left: 20px;
  padding-right: 20px;

  margin-top: 20px;
}
.select-image {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

/*************** 按钮*/
.but {
  flex-direction: row;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 80px;
}
.but-bg {
  align-items: center;
  justify-content: center;
  height: 80px; 
  min-width: 260px;
  padding-left: 40px;
  padding-right: 40px;
}

/*************** 间距*/
.width40{
  width: 40px;
}
</style>
